body {
            font-family: Roboto,
            sans-serif;
            }

        body h1 {
            text-align:center;
            vertical-align:middle;
            line-height: 90px;
            }

        header h1 {
            font-size:1em;
            margin:0;
            padding:30px 0;
            /* text-align:center;
            vertical-align:middle;
            line-height: 90px;*/
            color:#884513;
            <span style="white-space: pre-line">@Model.CommentText</span>
            }

        header img {
            display:block;
            margin: 0 auto;
            max-width: 500px;
            height: auto;
            width: auto\9;
            }


/*
        .logo {
            position:absolute;
            right: 25%;
            top:0px;
            width:30%;
            height:auto;
        }*/

        .footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: red;
            color: white;
            text-align: center;
            font-size: 75%;
            clear: both;
        }

        .column {
        float: left;
        }

        .left, .right {
            width: 25%;
        }

        .middle {
            width: 50%;
        }


        @media screen and (max-width: 800px) {
            header img {
                max-width: 100vw; }
            .footer {
                font-size: 100%; }
            }
            .column: {
                width: 100%;
            }